<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>支付页</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <link rel="stylesheet" href="../librarys/font-awesome-4.5.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="../styles/css.css">
    <!--[if lte IE 9]>
    <script src="../librarys/bootstrap/js/respond.js"></script>
    <script src="../librarys/bootstrap/js/html5shiv.js"></script>
    <![endif]-->
</head>
<body>
<!--头部-->
<div class="index-header">
    <div class="index-header-main">
        <a href="#">收藏本站<i class="fa fa-star index-header-icon"></i> </a>
        <p class="index-header-right">
            <a href="#" class="index-header-a-border">登录</a>
            <a href="#">我的订单</a>
        </p>
    </div>
</div>
<!--支付成功-->
<div class="pay-success">
    <div class="pay-success-icon"><i class="fa fa-check-circle fa-3x"></i> <span>您已支付成功</span></div>
    <p class="mt40"><a href="index.html">返回首页</a><a href="my-indent.html">查看订单</a></p>
</div>
<!--猜你喜欢-->
<div class="indent-like">
    <h3>猜你喜欢</h3>
    <ul>
        <li>
            <div class="detail-about-right-content mr25">
                <a href="#" class="indent-like-a">
                    <img src="../images/detail-right.jpg">
                    <p>
                        <em>婚车租赁-宝马</em>
                        <span><b>¥</b>500</span>
                    </p>
                </a>
            </div>
        </li>
        <li>
            <div class="detail-about-right-content mr25">
                <a href="#" class="indent-like-a">
                    <img src="../images/detail-right.jpg">
                    <p>
                        <em>婚车租赁-宝马</em>
                        <span><b>¥</b>500</span>
                    </p>
                </a>
            </div>
        </li>
        <li>
            <div class="detail-about-right-content mr25">
                <a href="#" class="indent-like-a">
                    <img src="../images/detail-right.jpg">
                    <p>
                        <em>婚车租赁-宝马</em>
                        <span><b>¥</b>500</span>
                    </p>
                </a>
            </div>
        </li>
        <li>
            <div class="detail-about-right-content">
                <a href="#" class="indent-like-a">
                    <img src="../images/detail-right.jpg">
                    <p>
                        <em>婚车租赁-宝马</em>
                        <span><b>¥</b>500</span>
                    </p>
                </a>
            </div>
        </li>
    </ul>
</div>
</body>
</html>